<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>分派案件</title>
    <link rel="stylesheet" type="text/css" href="../css/public-style.css"/>
    <link rel="stylesheet" type="text/css" href="../css/caseList.css"/>
</head>
<body>
<!-- 内容 -->
<div id="main">
    <!-- 头部 -->
    <header>
        <img src="../image/return.png" id="fanHui"/>
        <span id="tilte">分派案件</span>
    </header>

    <div class="content">
        <div class="bg">部门1</div>
        <div class="bg">部门2</div>
        <div class="bg">部门3</div>
        <div class="bg">部门4</div>
    </div>

    <div class="choice">
        <p><img src="../image/X2.png"/></p>

        <div class="personnel">
            <div>人员1</div>
            <div>人员2</div>
            <div>人员3</div>
        </div>
        <a href="javascript:void (0)" class="bg-blue assign">分派</a>
    </div>
</div>
</body>
<script src="../js/remJs.js"></script>
<script src="../js/jquery-1.8.0.min.js"></script>
<script>
    $(document).ready(function () {
        //部门
        $('.bg').click(function () {
            var $index = $(this).index();
            alert($index);

            $('.choice').show();
        })

        //选择
        $('.choice>div').click(function () {
            var $index = $(this).index();
            var $thisVal = $(this).html();
            alert($thisVal)
        })

        //关闭
        $('.choice>p').click(function () {
            $('.choice').hide();
        })
    });

</script>
</html>